<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta http-equiv="content-language" content="zh-cn"/>
    <meta name="renderer" content="webkit|ie-comp|ie-stand"/>
    <meta http-equiv="Cache-control" content="public" max-age="no-cache"/>
    <title>列表-{$tpshop_config['shop_info_store_title']}</title>
    <meta name="keywords" content="{$tpshop_config['shop_info_store_keyword']}"/>
    <meta name="description" content="{$tpshop_config['shop_info_store_desc']}"/>
    <script src="__STATIC__/js/jquery-1.11.3.min.js" type="text/javascript" charset="utf-8"></script>
    <link rel="shortcut icon" type="image/x-icon" href="{$tpshop_config.shop_info_store_ico|default='/public/static/images/logo/storeico_default.png'}" media="screen"/>
    <script src="__PUBLIC__/js/global.js"></script>
    <link rel="stylesheet" type="text/css" href="__STATIC__/css/help.css"/>
    <link rel="stylesheet" type="text/css" href="__STATIC__/css/tpshop.css"/>
    <style>
        .hc-content-box li{
            padding: 10px 0;
            cursor: pointer;
            position: relative;
            border-bottom: 1px solid #ececec;
        }
        .hc-content-box li a{
            position: absolute;
            top: 10px;
            left: 170px;
            color: #5b5b5b;
            font-size: 18px;
            display: block;
        }
        .hc-content-box li p{
            position: absolute;
            top: 45px;
            left: 170px;
        }
        .hc-content-box li:hover a{
            color: #e23435;
        }
        .hc-content-box li .button-a{
            position: absolute;
            top: 40%;
            left: 1100px;
            width: 100px;
            height: 35px;
            line-height: 35px;
            text-align: center;
            border-radius: 10px;
            background: #ececec;
            display: block;
        }
        .hc-content-box li .button-a:hover{
            color: white;
            background: #e23435;
        }
        .hc-content-box .tags{
            color: #777777;
            padding: 6px 30px;
            background: #ececec;
            border-radius: 10px;
        }
    </style>
</head>
<body>
<!--header-s-->
<include file="public/header" w="w1224"/>
<!--header-e-->
<!--E头部-->
<!-- <div style="clear: both; height:45px"></div> -->
<div id="pageContent" class="pageContent p">
    <div class="hc-warp" id="page">
        <!--<div class="hc-crumbs"><a class="p-fb" href="" target="_blank">文章</a>&gt; <a>{$cat_name}</a></div>-->

        <div class="hc-content" style="float: left;width: 100%;">
            <div class="hc-content-box">
                <ul>
                    <if condition="isset($articleList)">
                        <foreach name="articleList" item="v">
                            <li>
                                <img src="{$v.head_pic}" alt="" style="width: 150px;">
                                <a href="{:U('Article/masterDetail',array('id'=>$v['user_id']))}">{$v.nickname}</a>
                                <p>
                                    <php>
                                        $tags = isset($v['service_tags']) ? explode(',', $v['service_tags']) : [];
                                    </php>
                                    <if condition="$tags">
                                        <foreach name="tags" item="t">
                                            <span class="tags">{$t}</span>
                                        </foreach>
                                    </if>
                                </p>
                                <a class="button-a" href="{:U('Article/masterDetail',array('id'=>$v['user_id']))}">详细</a>
                            </li>
                        </foreach>
                    </if>
                </ul>
            </div>
            <div>
                {$page}
            </div>
        </div>
    </div>
</div>
<include file="public/footer"/>
<include file="public/sidebar_cart"/>
<script src="__STATIC__/js/lazyload.min.js" type="text/javascript" charset="utf-8"></script>
<script src="__STATIC__/js/headerfooter.js" type="text/javascript" charset="utf-8"></script>
</body>
</html>